import MinemapGlobe from '../../src/index';

const globe = new MinemapGlobe({
    container: 'globe',
    maskUrl: 'dist/static/images/base.png',
    backgroundUrl: 'dist/static/images/starBackground.jpg'
});

// // 北京 => 东京,伦敦,华盛顿,莫斯科,堪培拉,阿布扎比,柏林,新德里,巴西利亚,雅典
// // path:[[
// //     起点,
// //     终点,
// //     切段数,
// //     高度,
// //     起始seq
// // ]]
// globe.addLayer({
//     id: 'dynamic',
//     type: 'dynamic-line',
//     // color: [182, 246, 255],
//     // lineWidth: 8,
//     // opacity: 1.0,
//     sizeAttenuation: 0.0,
//     segmentCount: 50.0,
//     segmentGroup: 30.0,
//     speed: 0.02,
//     path:[
//         [[116.3, 39.9], [139.75, 35.68], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [-0.05, 51.36], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [-77.02, 39.91], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [37.35, 55.45], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [149.08, -35.15], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [54.22, 24.28], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [13.25, 52.30], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [77.13, 28.37], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [-47.55, -15.47], 50, 0.5, 0, [182, 246, 255], 1.0, 8],
//         [[116.3, 39.9], [23.46, 37.58], 50, 0.5, 0, [182, 246, 255], 1.0, 8]
//     ]
// });

// globe.addLayer({
//     id: 'labelImgLayer',
//     type: 'label',
//     sizeAttenuation: 0.0,
//     // 经纬度，宽高（像素），偏移（像素），纹理类型，图片路径/文字内容，点对应球半径
//     positions: [
//         {
//             lngLat: [116.3, 39.9],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [116.3, 39.9],
//             size: [48, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '北京',
//             fontSize: 24
//         },
//         {
//             lngLat: [139.75, 35.68],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [139.75, 35.68],
//             size: [48, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '东京',
//             fontSize: 24
//         },
//         {
//             lngLat: [-0.05, 51.36],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [-0.05, 51.36],
//             size: [48, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '伦敦',
//             fontSize: 24
//         },
//         {
//             lngLat: [-77.02, 39.91],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [-77.02, 39.91],
//             size: [72, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '华盛顿',
//             fontSize: 24
//         },
//         {
//             lngLat: [37.35, 55.45],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [37.35, 55.45],
//             size: [72, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '莫斯科',
//             fontSize: 24
//         },
//         {
//             lngLat: [149.08, -35.15],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [149.08, -35.15],
//             size: [72, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '堪培拉',
//             fontSize: 24
//         },
//         {
//             lngLat: [54.22, 24.28],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [54.22, 24.28],
//             size: [96, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '阿布扎比',
//             fontSize: 24
//         },
//         {
//             lngLat: [13.25, 52.30],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [13.25, 52.30],
//             size: [48, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '柏林',
//             fontSize: 24
//         },
//         {
//             lngLat: [77.13, 28.37],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [77.13, 28.37],
//             size: [72, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '新德里',
//             fontSize: 24
//         },
//         {
//             lngLat: [-47.55, -15.47],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [-47.55, -15.47],
//             size: [96, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '巴西利亚',
//             fontSize: 24
//         },
//         {
//             lngLat: [23.46, 37.58],
//             size: [16, 16],
//             offset: [0, 0],
//             type: 'image',
//             content: 'dist/static/images/airport.png'
//         },
//         {
//             lngLat: [23.46, 37.58],
//             size: [48, 24],
//             offset: [0, 16],
//             type: 'text',
//             content: '雅典',
//             fontSize: 24
//         },
//     ]
// });

// globe.setLngLat([120.8450711,39.3411193]);
// globe.setZoom(3.5);

// document.getElementById('fly').addEventListener('click', () => {
//     globe.fly({
//         lng: 116.3,
//         lat: 39.9,
//         zoom: 3.5
//     }, {
//         lng: 106.71,
//         lat: 26.57,
//         zoom: 8.9
//     }, 5000)    
// })

globe.addLayer({
    id: 'labelImgLayer',
    type: 'label',
    sizeAttenuation: 0.0,
    // 经纬度，宽高（像素），偏移（像素），纹理类型，图片路径/文字内容，点对应球半径
    positions: [
        {
            id: 'beijing',
            lngLat: [116.3, 39.9],
            size: [32, 32],
            offset: [0, 0],
            type: 'image',
            content: 'dist/static/images/point32.png'
        }
    ]
});

globe.addLayer({
    id: 'labelImgLayer',
    type: 'dynamicLabel',
    sizeAttenuation: 0.0,
    segmentCount: 50.0,
    speed: 0.02,
    // 经纬度，宽高（像素），偏移（像素），纹理类型，图片路径/文字内容，点对应球半径
    positions: [
        {
            lngLat: [116.3, 39.9],
            size: [16, 16],
            offset: [0, 0],
            type: 'image',
            content: 'dist/static/images/airport.png',
            movePath: [[116.3, 39.9], [139.75, 35.68], 50, 0.5, 0]
        }
    ]
});

globe.addLayer({
    id: 'dynamic',
    type: 'dynamic-line',
    // color: [182, 246, 255],
    // lineWidth: 8,
    // opacity: 1.0,
    sizeAttenuation: 0.0,
    segmentCount: 50.0,
    segmentGroup: 30.0,
    speed: 0.02,
    path:[
        [[116.3, 39.9], [139.75, 35.68], 50, 0.5, 0, [182, 246, 255], 1.0, 5]
    ]
});

